.blog {
	padding: 20px;
}

/* 设置博客标题 */
.blog .title {
	font-size: 22px;
	text-align: center;
	font-weight: 900;
}

/* 设置发布时间 */
.blog .date {
	text-align: center;
	color: rgb(0,128,0);
	padding: 15px 0;
}

/* 设置摘要部分 */
.blog .desc {
	/* em也是一个单位,和px是并列的,1个em等于一个文字的大小 */
	/* 首行缩进 */
	text-indent: 2em;
}

.blog a {
	/* 改成块级元素,此时才能够设置尺寸 */
	display: block;
	width: 150px;
	height: 40px;
	border: 2px solid black;
	
	/* 修改文字颜色和下划线 */
	color: black;
	text-align: center;
	text-decoration: none;
	
	/* 当文件的行高和元素高度一样时,文字恰好时垂直居中的 */
	line-height: 40px;
	
	/* 水平居中 */
	margin: 10px auto;
	
	/* 加上背景切换的过度效果,all表示针对所有的变化都进行过度 */
	transition: all 1s;
}

/* hover是一个伪类选择器,不是选中元素,而是选中元素的某种状态 */
.blog a:hover {
	background-color: gray;
	color: white;
}